
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
    <title>运输分析</title>

    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="js/bstable/css/bootstrap-table.css" rel="stylesheet" type="text/css">
    <link href="css/table1.css" rel="stylesheet" type="text/css">


</head>
<body style="background-color: #ecf0f5;font-family: 微软雅黑;color: #475059;min-width: 1000px;overflow: auto">
<div class="from_main">
    <div class="news_check">
        <div class="check_left l_left">
            <label>车辆类型：</label>
            <select class="find_input" style="margin-right: 10px">
            <option>卡车</option>
        </select>
            <label>时间段：</label>
            <input type="date" >
            <input type="date" >
        <button>查询</button>
        </div>
        <div class="check_right r_right">
            <a class="btn btn-default"><span class=" glyphicon glyphicon-circle-arrow-down l_left"></span>打印</a>
            <a class="btn btn-default"><span class=" glyphicon glyphicon-download-alt l_left"></span>导出</a>
        </div>
        <div class="clear"></div>
    </div>

    <div style="padding: 0 10px 0 10px ;border: 1px #ccc solid;background-color: #fff;">
        <div class="e_chart">
            <div class="charts l_left last_charts" style="width: 100%">
                <p class="charts_p" style="text-align: center">环卫车信息汇总</p>
                <div >
                    <table  class="annyTable01" border="1">
                        <tr>
                            <td style="font-weight: bold;text-align: right">环卫车辆类型：</td>
                            <td colspan="9">扫地车、清洗车、洒水车、吸粪车等</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold;text-align: right;width: 10%">车辆总数：</td>
                            <td  colspan="3" style="color: red;font-weight: bold">524辆</td>
                            <td style="font-weight: bold;text-align: right;width: 10%">最多车辆类型：</td>
                            <td colspan="3">扫地车（254辆，占比50%；同比增加4%；环比增加5%）</td>
                            <td style="font-weight: bold;text-align: right;width: 10%">最少车辆类型：</td>
                            <td  colspan="3">清洗车（65辆，占比11%；同比减少2%；环比减少3%）</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold;text-align: right;width: 10%">出车总数：</td>
                            <td  colspan="3" style="color: red;font-weight: bold">65324次</td>
                            <td style="font-weight: bold;text-align: right;width: 10%">最多出车类型：</td>
                            <td colspan="3">扫地车（9654次，占比30%；同比增加4%；环比增加5%）</td>
                            <td style="font-weight: bold;text-align: right;width: 10%">最少出车次数：</td>
                            <td  colspan="3">吸粪车（63次，占比6%；同比减少2%；环比减少3%）</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold;text-align: right;width: 10%">违规总数：</td>
                            <td  colspan="3" style="color: red;font-weight: bold">123次</td>
                            <td style="font-weight: bold;text-align: right;width: 10%">违规最多车辆类型：</td>
                            <td colspan="3">扫地车</td>
                            <td style="font-weight: bold;text-align: right;width: 10%">违规最多类型：</td>
                            <td  colspan="3">超速</td>
                        </tr>

                        <tr>
                            <td style="font-weight: bold;text-align: right;width: 10%">可用车辆数：</td>
                            <td  colspan="3" style="color: red;font-weight: bold">2630辆</td>
                            <td style="font-weight: bold;text-align: right;width: 10%">不可用车辆数：</td>
                            <td colspan="3">36辆</td>
                            <td style="font-weight: bold;text-align: right;width: 10%">不可用最多类型：</td>
                            <td  colspan="3">洒水车</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold;text-align: right">决策建议：</td>
                            <td colspan="9" style="color: red;font-weight: bold">车辆违规量有点高需要加强监管，不可用车辆数有点多，需要补充车辆</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="e_chart">
            <div class="charts l_left">
                <p class="charts_p">车辆分析<span class="r_right">更多></span></p>
                <div id="container" style="height:200px;width: 100%"></div>
                <div style="width: 100%;margin-top: 30px">
                    <table class="annyTable" border="1">
                        <tr>
                            <td class="first_td">车辆类型</td>
                            <td>酒水车</td>
                            <td>扫地车</td>
                            <td>清洗车</td>
                            <td>吸粪车</td>
                            <td>电动三轮车</td>
                            <td>其它</td>
                        </tr>
                        <tr>
                            <td class="first_td">车辆数量</td>
                            <td>102</td>
                            <td>202</td>
                            <td>180</td>
                            <td>52</td>
                            <td>302</td>
                            <td>10</td>

                        </tr>
                        <tr>
                            <td class="first_td">占比</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                            <td>5.2%</td>

                        </tr>

                    </table>
                </div>
            </div>
            <div class="charts l_left last_charts">
                <p class="charts_p">驾驶人员年龄分析<span class="r_right">更多></span></p>
                <div id="container1" style="height:200px;width: 100%"></div>
                <div style="width: 100%;margin-top: 30px">
                    <table class="annyTable" border="1">
                        <tr>
                            <td class="first_td">年龄段</td>
                            <td>青年</td>
                            <td>中年</td>
                            <td>老年</td>
                            <td>其它</td>
                        </tr>
                        <tr>
                            <td class="first_td">数量</td>
                            <td>52</td>
                            <td>89</td>
                            <td>115</td>
                            <td>2</td>
                        </tr>
                        <tr>
                            <td class="first_td">占比</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                        </tr>

                    </table>
                </div>
            </div>
            <div class="clear"></div>
        </div>

        <div class="e_chart">
            <div class="charts l_left">
                <p class="charts_p">出车次数分析<span class="r_right">更多></span></p>
                <div id="container4" style="height:250px;width: 100%;"></div>
                <div style="width: 100%;margin-top: 0px">
                    <table class="annyTable" border="1">
                        <tr>
                            <td class="first_td">车辆类型</td>
                            <td>扫地车</td>
                            <td>清洗车</td>
                            <td>洒水车</td>
                            <td>吸粪车</td>

                        </tr>
                        <tr>
                            <td class="first_td">出车次数</td>
                            <td>1012</td>
                            <td>856</td>
                            <td>963</td>
                            <td>102</td>

                        </tr>
                        <tr>
                            <td class="first_td">同比</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                            <td>5.2%</td>
                            <td>5.2%</td>

                        </tr>

                    </table>
                </div>
            </div>
            <div class="charts l_left last_charts">
                <p class="charts_p">出车走势图<span class="r_right">更多></span></p>
                <div id="container5" style="height:250px;width: 100%;"></div>
                <table class="annyTable" border="1">
                    <tr>
                        <td class="first_td">月份</td>
                        <td>一月</td>
                        <td>二月</td>
                        <td>三月</td>
                        <td>四月</td>
                        <td>五月</td>
                        <td>六月</td>
                        <td>七月</td>
                        <td>八月</td>
                        <td>九月</td>
                        <td>十月</td>
                        <td>十一月</td>
                        <td>十二月</td>
                    </tr>
                    <tr>
                        <td class="first_td">出车次数</td>
                        <td>102</td>
                        <td>264</td>
                        <td>241</td>
                        <td>350</td>
                        <td>485</td>
                        <td>241</td>
                        <td>251</td>
                        <td>156</td>
                        <td>252</td>
                        <td>351</td>
                        <td>256</td>
                        <td>145</td>
                    </tr>
                    <tr>
                        <td class="first_td">同比</td>
                        <td>85.2%</td>
                        <td>75.2%</td>
                        <td>65.2%</td>
                        <td>95.2%</td>
                        <td>55.2%</td>
                        <td>95.2%</td>
                        <td>75.2%</td>
                        <td>65.2%</td>
                        <td>55.2%</td>
                        <td>95.2%</td>
                        <td>75.2%</td>
                        <td>65.2%</td>
                    </tr>

                </table>

            </div>
            <div class="clear"></div>
        </div>
        <div class="e_chart">
            <div class="charts l_left last_charts" style="width: 100%">
                <p class="charts_p">车辆告警信息分析<span class="r_right">更多></span></p>
                <div id="container7" style="height:250px;"></div>
                <div style="width: 100%;margin-top: 0px">
                    <table class="annyTable" border="1">
                        <tr>
                            <td class="first_td"></td>
                            <td class="">交通违规</td>
                            <td class="">偏离线路</td>

                        </tr>
                        <tr>
                            <td class="first_td">次数数</td>
                            <td>5678</td>
                            <td>5234</td>
                        </tr>
                        <tr>
                            <td class="first_td">同比</td>
                            <td>+5.2%</td>
                            <td>+5.2%</td>

                        </tr>
                        <tr>
                            <td class="first_td">环比</td>
                            <td>-5.2%</td>
                            <td>+5.2%</td>
                        </tr>

                    </table>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="e_chart">
            <div class="charts charts_last">
                <p class="charts_p">工作线路图<span class="r_right"></span></p>
                <div>
                    <img src="img/ditu.png" style="width: 100%">
                </div>
            </div>
        </div>
    </div>

</div>




</body>
<script type="text/javascript" src="js/jquery-2.2.0.min.js"></script>
<script src="js/bstable/js/bootstrap.min.js"></script>
<script src="js/bstable/js/bootstrap-table.js"></script>
<script src="js/bstable/js/bootstrap-table-zh-CN.min.js"></script>
<script src="js/echarts-all.js"></script>
<script src="js/activeJs/car_analysis.js"></script>
</html>
